<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        p{
            width: 400px;
            text-indent: 2em;
            line-height: 1.5em;
        }
        p::first-line{
            text-decoration: underline;
        }
        /*p::before{
            content:'😁';
        }*/
        /*p::before{
            content: ' ';
            display: block;
            border-bottom: 1px solid pink;
        }*/
        p::first-letter{
            font: 50px 楷体;
            color: aqua;
        }
        p::after{
            content:'........';
        }
    </style>
</head>
<body>
    <p>伪类允许出现在选择器的任何位置，而一个伪元素只能跟在选择器的最后一个简单选择器后面。</p>
</body>
</html>